.area-stat {
    .area-stat-zone {
        padding: 8px 16px;
        width: 120px;
        position: fixed;
        right: 400px;
        top: 220px;
        border-radius: 6px;
        border: 1px solid #88B2FF;
        background-color: rgba(13, 46, 106, 0.8);

        .area-stat-zone-text {
            background-image: -webkit-linear-gradient(-90deg, #ffffff 0%, #ADC8FA 65%, #88B2FF 100%);

            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            font-size: 22px;
            font-weight: bold;
        }
    }
}

.ant-popover-inner {
    background-color: rgba(13, 46, 106, 0.8) !important;
    border: 1px solid #88B2FF !important;
}

.ant-popover-arrow::before {
    background-color: rgba(13, 46, 106, 0.8) !important;
}

.zone-selected {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.area-stat-value {
    font-family: Arial;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, #00B5ED 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}